<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>:: findmyfare.com</title>
<meta http-equiv='pragma' content='no-cache'>
<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='Expires' content='-1'>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8'>
<meta http-equiv='imagetoolbar' content='no'>
    <link href="css/MenuBar.css" rel="stylesheet" type="text/css" />
    <link href="css/Widget.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<style type='text/css'>
	#divTopBanner{
	
		width:100%;
	}
	#divLeftPane{
		float:left;
		width:48%;
		margin-left:5px;
	}
	#divRightPane{
		float:right;
		width:48%;
	}
	#divEmptyPane{
		float:left;
		width:auto;
	}
	#divCountryPane{
		float:left;
		width:70%;
	}
	#divCountry{
		margin-top:40px;
		text-align:right;
	}
	#divHLine{
		margin-top:5px;
		text-align:right;
	}
	#divLinePane{
		float:left;
		width:5%;
	}
	#divVLine{
		margin-top:42px;
		margin-left:18px;
	}
	#divSignPane{
		float:left;
		width:20%;
	}
	#divVSign{
		margin-top:42px;
		margin-left:10px;
	}
	#divMenuGap{
		clear:both;
		background-color:white;
	}
	#divMidContainer{
		width:100%;
		clear:both;
		background-color:white;
		margin-top:-5px;
		height:510px;
	}
	#divMCLeftPane{
		float:left;
		width:47%;
		margin-left:0px;
	}
	#main {
	    width: 980px;
	    margin-left: auto;
	    margin-right: auto;
    }
</style>
</head>
<body>
	<div id="main">
		<!-- Top Banner -->
		<div id='divTopBanner'>
			<div id='divLeftPane'>
                <img src="images/Hale01.jpg" />
			</div>
			<div id='divRightPane'>
				<img src="images/Hale02.jpg" />
			</div>
		</div>
		<!-- End of Top Banner -->

		<div id='divMenuGap'>
		</div>

		<div id="menu">
			<div id="menuHeader">
				<div id="nav" role="navigation">
					<ul role="menubar">
						<li role="menuitem" aria-haspopup="true" class="menu-opera"><a href="http://www.findmyfare.com/index.html" tabindex="0">Menu......................</a><ul role="menu" id="menu-opera"></ul></li>
					</ul>
				</div>
			</div>
		</div>

        <div id='divMidContainer' style='height:418px;'>
            <div id='divWidgetGap' style='height:20px;'>
		    </div>

			<!-- Left Pane -->
			<div id='divMCLeftPane'>
                <!-- ------------------------------------------------------ -->
                <!-- Widget code goes from here -->
                <!-- ------------------------------------------------------ -->
                <div class='divWidgTopBar'>&nbsp;</div>
                <div class='divWidgFill'>
                    <div id='divTabs'>
						<a href='#' onclick='UI_Widget.tabOnClick(0); return false'><img id='imgTab0' src='images/W000Tab_0_On.jpg' alt='' border='0'></a><a href='#' onclick='UI_Widget.tabOnClick(1); return false'><img id='imgTab1' src='images/W000Tab_1.jpg' alt='' border='0'></a><a href='#' onclick='UI_Widget.tabOnClick(2); return false'><img id='imgTab2' src='images/W000Tab_2.jpg' alt='' border='0'></a>
					</div>
                    
                    <!-- Tab 0 -->
                    <div id='divTab0' class='divTabPane defTabPane'>
                        <div id='divRowFltRouteType'>
							<div style='margin-left:2%;margin-top:10px'>
								<input type="radio" id="radBTrip" name="radBTrip" tabindex='10' value="R" checked onclick='UI_EvintaIbe.ratBTripOnClick()'/><label for="radBTrip" class="labelname">Round Trip</label>
								<input type="radio" id="radBTripO" name="radBTrip" tabindex='11' value="O" onclick='UI_EvintaIbe.ratBTripOnClick()'/><label for="radBTripO" class="labelname">One Way</label>
							</div>
						</div> 

                        <div id='divRowFltFromTo' style='float:left;width:430px;margin-left:2%;margin-top:3%;'>
						    <div style='width:180px;float:left;'><label>From:</label></div>
						    <div style='width:40px;float:left;'><label>&nbsp;</label></div>
						    <div style='width:130px;float:left;'><label>To:</label></div>
					    </div>
					    <div id='divRowFltFromToControl' style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
						    <div style='width:220px;float:left;'><span id="spnFrom" style="position:absolute;z-index:3"></span>&nbsp;</div>
						    <div style='width:170px;float:left;'><span id="spnTo" style="position:absolute;z-index:2"></span>&nbsp;</div>
						</div>   

                        <div id='divRowFltDate' style='float:left;width:430px;margin-left:2%;margin-top:4%;'>
							<div style='width:180px;float:left;'><label>Departure:</label></div>
							<div style='width:40px;float:left;'><label>&nbsp;</label></div>
							<div id='divRT' style='width:180px;float:left;'><label>Return:</label></div>
						</div>

                        <div id='divRowFltDateControl' style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
						    <div style='width:30px;float:left;margin-top:6px;text-align:left;'><label><span id="spnDDay" class="spnDay">SUN</span></label></div>
						    <div style='width:180px;float:left;margin-left:2%;'>
							    <span id="spnMonthYear" class="spnMonthYear">
								    <input type='text' id='txtDDay' name='txtDDay' style='width:90px;' value='DD/MM/YYYY' onfocus='UI_Widget.calOnOfucs(0, event)' onblur='UI_Widget.dateChangeFlt(0)' maxlength='10' tabindex='12'>
								    <a title="Date" onclick="UI_Widget.loadCalendar(0,event); return false;" href="#"><img border="0" src="images/Cal.gif" ></a>
							    </span>&nbsp;
						    </div>


						    <div style='width:30px;float:left;margin-top:6px;text-align:left;'><label><span id="spnRDay" class="spnDay">SUN</span></label></div>
						    <div id='divRTC' style='width:130px;float:left;margin-left:2%;'>
							    <span class="spnMonthYear">
								    <input type='text' id='txtRDay' name='txtRDay' style='width:90px;' value='DD/MM/YYYY' onfocus='UI_Widget.calOnOfucs(1, event)' onblur='UI_Widget.dateChangeFlt(1)' maxlength='10' tabindex='13'>
								    <a title="Date" onclick="UI_Widget.loadCalendar(1,event); return false;" href="#"> <img border="0" src="images/Cal.gif"></a>
							    </span>&nbsp;
						    </div>
					    </div>

                        <div id='divRowFltCos' style='float:left;width:430px;margin-left:2%;margin-top:4%;'>
							<div style='width:220px;float:left;'><label>Flight Type:</label></div>
								<div style='width:200px;float:left;'><label>Class of Service:</label></div>
							</div>
							<div id='divRowCosControls' style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
							<div style='width:220px;float:left;'>
								<select style="width: auto; " size="1" name="selBFType" id="selBFType" tabindex='14'>
									<option selected="" value="NC">Non-Stop and Connecting</option>
									<option value="N">Non-Stop</option>
								</select>
							</div>
							<div style='width:200px;float:left;'>
								<select style="width: 165px;" size="1" name="selBCos" id="selBCos" tabindex='15'>
									<option value="Y">Economy Class</option>
									<option value="J">Business Class</option>
									<option value="F">First Class</option>
								</select>
							</div>
						</div>

                        <div id='divRowFltPaxType' style='float:left;width:430px;margin-left:2%;margin-top:4%;'>
							<div style='width:130px;float:left;'><label>Adults(12+)</label></div>
							<div style='width:130px;float:left;'><label>Children(2-12)</label></div>
							<div style='width:100px;float:left;'><label>Infants(&lt;2yrs)</label></div>
						</div>

                        <div id='divRowFltPaxTypeControl' style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
							<div style='width:130px;float:left;'>
								<select tabindex="15" onchange="UI_EvintaIbe.selBAdtOnChange()" size="1" name="selBAdt" id="selBAdt">
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
									<option value="6">6</option>
								</select>
							</div>
							<div style='width:130px;float:left;'>
								<select tabindex="16" size="1" name="selBChld" id="selBChld">
									<option value="0">0</option>
									<option value="1">1</option>
									<option value="2">2</option>
									<option value="3">3</option>
									<option value="4">4</option>
									<option value="5">5</option>
								</select>
							</div>
							<div style='width:100px;float:left;'>
								<select tabindex="17" size="1" name="selBInf" id="selBInf">
									<option value="0">0</option>
									<option value="1">1</option>
								</select>
							</div>
						</div>

                        <div id='divRowFltFlexi' style='float:left;width:430px;margin-left:2%;margin-top:4%;'>
							<input type="checkbox" tabindex="18"  name="chkFlexibleDate" id="chkFlexibleDate">
							<label for="chkFlexibleDate">Flexible Travel Dates +/-3 Days</label>
						</div>
							
						<div id='divRowFltButton' style='float:left;width:430px;margin-left:58%;margin-top:10%;'>
							<span class="srchBtn"><img id="Img1" src="images/W0010.jpg" onClick="UI_Widget.pgBtnClick(0)"/></span>
						</div>
                    </div>
            
                    <!-- Tab 1 -->
                    <div id='divTab1' class='divTabPane'>
					
										
                        <div id='divRowHtlLoc' style='margin-left:2%;margin-top:53px'>
                            <div style='width:180px;float:left;'><label>Enter City or Hotel Name :</label></div>
                        </div>
                         <div id='divRowHtlLocControl' style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
						    <div style='width:220px;float:left;'><span id="spnHtlLoc" style="position:absolute;z-index:3"></span>&nbsp;</div>
						</div> 

                        <div id='divRowHtlDate' style='float:left;width:430px;margin-left:2%;margin-top:4%;'>
							<div style='width:180px;float:left;'><label>Check In:</label></div>
							<div style='width:40px;float:left;'><label>&nbsp;</label></div>
							<div id='div1' style='width:180px;float:left;'><label>Check Out:</label></div>
						</div>

                        <div id='divRowHtlDateControl' style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
						    <div style='width:30px;float:left;margin-top:6px;text-align:left;'><span id="spnHtlDDay" class="spnHtlDDay">SUN</span></div>
						    <div style='width:180px;float:left;margin-left:2%;'>
							    <span id="Span2" class="spnMonthYear">
								    <input type='text' id='txtHtlDDay' name='txtHtlDDay' style='width:90px;' value='DD/MM/YYYY' onfocus='UI_Widget.calOnOfucs(2, event)' onblur='UI_Widget.dateChangeFlt(2)' maxlength='10' tabindex='30'>
								    <a title="Date" onclick="UI_Widget.loadCalendar(2,event); return false;" href="#"><img border="0" src="images/Cal.gif" ></a>
							    </span>&nbsp;
						    </div>


						    <div style='width:30px;float:left;margin-top:6px;text-align:left;'><span id="spnHtlRDay" class="spnHtlRDay">SUN</span></div>
						    <div id='div2' style='width:130px;float:left;margin-left:2%;'>
							    <span class="spnMonthYear">
								    <input type='text' id='txtHtlRDay' name='txtHtlRDay' style='width:90px;' value='DD/MM/YYYY' onfocus='UI_Widget.calOnOfucs(3, event)' onblur='UI_Widget.dateChangeFlt(3)' maxlength='10' tabindex='31'>
								    <a title="Date" onclick="UI_Widget.loadCalendar(3,event); return false;" href="#"> <img border="0" src="images/Cal.gif"></a>
							    </span>&nbsp;
						    </div>
					    </div>
						
						<div id='divRowHtlRoomType' style='float:left;width:430px;margin-left:2%;margin-top:4%;'>
							<div style='width:87px;float:left;'><label>No of Nights :</label></div>
							<div style='width:85px;float:left;'>
								<select tabindex="34" size="1" name="noOfNights" id="noOfNights" onChange="UI_ZharaIbe.noOfNightsChaned();">
									<option value='1'>0</option>
                                    <option value='1'>1</option>
									<option value='2'>2</option>
									<option value='3'>3</option>
									<option value='4'>4</option>
									<option value='5'>5</option>
									<option value='6'>6</option>
									<option value='7'>7</option>
									<option value='8'>8</option>
									<option value='9'>9</option>
									<option value='10'>10</option>
									<option value='11'>11</option>
									<option value='12'>12</option>
									<option value='13'>13</option>
									<option value='14'>14</option>
								</select>
							</div>
						</div> 

                        <div id='divRowHtlRoomType' style='float:left;width:430px;margin-left:2%;margin-top:4%;'>
							<div style='width:130px;float:left;'><label>&nbsp;</label></div>
							<div style='width:87px;float:left;'><label>Single</label></div>
							<div style='width:87px;float:left;'><label>Double</label></div>
							<div style='width:87px;float:left;'><label>Triple</label></div>
						</div>  
						


                        <div id='divRowHtlPaxTypeControl' style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
							<div style='width:130px;float:left;'>
								<label>No. of Rooms:</label>
							</div>
							<div style='width:85px;float:left;'>
								<select tabindex="34" size="1" name="selRoomAdt" id="selRoomSgl">
                                    <option value='0'>0</option>
                                    <option value='1'>1</option>
									<option value='2'>2</option>
									<option value='3'>3</option>
									<option value='4'>4</option>
									<option value='5'>5</option>
									<option value='6'>6</option>
									<option value='7'>7</option>
									<option value='8'>8</option>
									<option value='9'>9</option>
									<option value='10'>10</option>
								</select>
							</div>
							<div style='width:85px;float:left;'>
								<select tabindex="35" size="1" name="selRoomChld" id="selRoomDbl">
                                   <option value='0'>0</option>
                                    <option value='1'>1</option>
									<option value='2'>2</option>
									<option value='3'>3</option>
									<option value='4'>4</option>
									<option value='5'>5</option>
									<option value='6'>6</option>
									<option value='7'>7</option>
									<option value='8'>8</option>
									<option value='9'>9</option>
									<option value='10'>10</option>
								</select>
							</div>
							<div style='width:85px;float:left;'>
								<select tabindex="35" size="1" name="selRoomChld" id="selRoomTpl">
                                  <option value='0'>0</option>
                                    <option value='1'>1</option>
									<option value='2'>2</option>
									<option value='3'>3</option>
									<option value='4'>4</option>
									<option value='5'>5</option>
									<option value='6'>6</option>
									<option value='7'>7</option>
									<option value='8'>8</option>
									<option value='9'>9</option>
									<option value='10'>10</option>
								</select>
							</div>
						</div>

                        <div id='divRowHtlCurrency' style='float:left;width:430px;margin-left:2%;margin-top:4%;'>
							<label>Currency :</label>
						</div>

                        <div id='divRowHtlCurrencyControl' style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
							<div style='width:220px;float:left;'>
								<select tabindex="36" style="width: 175px;" size="1" name="selCurrency" id="selCurrency">   
                                    <option value='LKR'>Sri Lankan Rupees (LKR)</option>
                                    <option value='USD'>US Dollars (USD)</option>
								</select>
							</div>
						</div>

                        <div id='divRowHtlButton' style='float:left;width:430px;margin-left:58%;margin-top:9.7%;'>
							<span class="srchBtn"><img id="Img2" src="images/W0011.jpg" onClick="UI_Widget.pgBtnClick(1)"/></span>
						</div>
                    </div>

                    <!-- Tab 2 -->
                    <div id='divTab2' class='divTabPane'>
                        <div style="float: left; width: 430px; margin-left: 2%; margin-top: 12.3%;">
							<label>Enter your reservation code (PNR) and Last Name in the form below.</label>
							<br><br>
							<label>PNR:</label>
						</div>
						<div style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
							<input type='text' id='txtMBPNR' name='txtMBPNR' maxlength="6" tabindex='40'>
						</div>
						<div style='float:left;width:430px;margin-left:2%;margin-top:5%;'>
							<label>Last Name:</label>
						</div>
						<div style='float:left;width:430px;margin-left:2%;margin-top:1%;'>
							<input type='text' id='txtMBLN' name='txtMBLN' style='width:250px;' tabindex='41'>
						</div>
							
						<div id='divRowMBButton' style='float:left;width:430px;margin-left:65.5%;margin-top:35.0%;'>
							<span class="srchBtn"><img id="search" src="images/W0009.jpg" onClick="UI_Widget.pgBtnClick(2)"/></span>
						</div>  
                    </div>
                </div>
                <div class='divWidgBotBar'>&nbsp;</div>

                <!-- ------------------------------------------------------ -->
                <!-- Widget Code Ends Here -->
                <!-- ------------------------------------------------------ -->
            </div>

            <!-- Right Pane -->
			<div id='divMCRightPane' style='float:right;width:50%;'>
                <label>Right Pane</label>
            </div>
        </div>
    </div>

<form id='frmPost' name='frmPost' method='post' action=''>
    <input type="hidden" id='hdnMode' name='hdnMode' value='' />
    <input type="hidden" id='hdnData' name='hdnData' value='' />
</form>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/browser.js" type="text/javascript"></script>
<script src="js/autoDateN.js" type="text/javascript"></script>
<script src="js/drag.js" type="text/javascript"></script>
<script src="js/SSTbl.js" type="text/javascript"></script>
<script src="js/calendar.js" type="text/javascript"></script>
<script src="js/stationMessages.js" type="text/javascript"></script>
<script src="js/cityList.js" type="text/javascript"></script>
<script src="js/errorMessages.js" type="text/javascript"></script>
<script src="js/autoDate.js" type="text/javascript"></script>
<script src="js/stations.js" type="text/javascript"></script>
<script src="js/evintaibe.js" type="text/javascript"></script>
<script src="js/zharaibe.js" type="text/javascript"></script>
<script type="text/javascript">

    function UI_Widget() { };

    /* Configurations */
    UI_Widget.imgSrc = "images/";
    UI_Widget.jsPath = "js/";
    UI_Widget.imgSrcCal = "../" + UI_Widget.imgSrc; 
	UI_Widget.strURLAvation = "https://localhost:8443/ibe/public/showIBEHome.action";
    UI_Widget.strURLHospitality = "http://crs.findmyfare.com/zhara-hotels-ibe/hotelsAvailabilitySearch.action";
	
	UI_Widget.strDataHospitality = "";

    UI_Widget.modeAvaition = "AVAITION";
    UI_Widget.modeHospitality = "HOSPITALITY";
//    UI_Widget.intMaxInf = 3;
    UI_Widget.strPrmSysDate = "";
    UI_Widget.strPrmEndDate = "";

    var objSelFrom = new filterDropDown();
    objSelFrom.id = "spnFrom";
    objSelFrom.width = "135px";
    objSelFrom.listWidth = "200px";
    objSelFrom.listHeight = "150px";
    objSelFrom.dataArray = arrFrmCityOptTags;
    objSelFrom.tabIndex = 1;
    objSelFrom.imgPath = UI_Widget.imgSrc;
    objSelFrom.showImg = "spacer.gif' style='display:none;";
    objSelFrom.hideImg = "spacer.gif' style='display:none;";
    objSelFrom.folderPath = UI_Widget.jsPath;
    objSelFrom.onClick = "UI_Widget.dropDownOnClick";
    objSelFrom.onSelect = "UI_Widget.dropDownOnSelect";
    objSelFrom.wrapText = false;
    objSelFrom.noMatchingText = "There are no cities matching your request.";
    objSelFrom.defaultText = "--Origin--";
    
    var objSelTo = new filterDropDown();
    objSelTo.id = "spnTo";
    objSelTo.width = "135px";
    objSelTo.listWidth = "200px";
    objSelTo.listHeight = "150px";
    objSelTo.dataArray = arrToCityOptTags;
    objSelTo.tabIndex = 2;
    objSelTo.imgPath = UI_Widget.imgSrc;
    objSelTo.folderPath = UI_Widget.jsPath;
    objSelTo.showImg = "spacer.gif' style='display:none;";
    objSelTo.hideImg = "spacer.gif' style='display:none;";
    objSelTo.onClick = "UI_Widget.dropDownOnClick";
    objSelTo.onSelect = "UI_Widget.dropDownOnSelect";
    objSelTo.wrapText = false;
    objSelTo.noMatchingText = "There are no cities matching your request.";
    objSelTo.defaultText = "--Destination--";

    var objSelHtl = new filterDropDown();
    objSelHtl.id = "spnHtlLoc";
    objSelHtl.width = "135px";
    objSelHtl.listWidth = "400px";
    objSelHtl.listHeight = "150px";
    objSelHtl.dataArray = arrCityListOptTags;
    objSelHtl.tabIndex = 29;
    objSelHtl.imgPath = UI_Widget.imgSrc;
    objSelHtl.folderPath = UI_Widget.jsPath;
    objSelHtl.showImg = "spacer.gif' style='display:none;";
    objSelHtl.hideImg = "spacer.gif' style='display:none;";
    objSelHtl.onClick = "UI_Widget.dropDownOnClick";
    objSelHtl.onSelect = "UI_Widget.dropDownOnSelect";
    objSelHtl.wrapText = false;
    objSelHtl.noMatchingText = "There are no cities/hotels matching your request.";
    objSelHtl.defaultText = "-- City/Hotel --";
    objSelHtl.displayFilterDropDown();

    var objCal = new Calendar("spnCalendar");
    objCal.align = "left";
    objCal.top = 0;
    objCal.left = 0;
    objCal.onClick = "UI_Widget.calendarDateOnClick";
    objCal.imagePath = UI_Widget.imgSrc;
    objCal.imgPathNav = UI_Widget.imgSrcCal;
    objCal.yearRange = "FIXED";
    objCal.noYears = 1;
    objCal.borderColor = "#F37020";
    objCal.yearLock = true;
    objCal.buildCalendar();


    /* Page button Click */
    UI_Widget.pgBtnClick = function (p) {
        switch (p) {
            case 0:
                if (UI_EvintaIbe.validateFlightSearch()) {
                    UI_EvintaIbe.buildFlightSearchData();
                    UI_Widget.pageSubmit({ action: UI_Widget.modeAvaition });
                }
                break;

            case 1:
                if (UI_ZharaIbe.validateHotelBooking()) {
                    UI_ZharaIbe.buildHotelBookingData();
                    UI_Widget.pageSubmit({ action: UI_Widget.modeHospitality});
                }
                break;

            case 2:
                if (UI_EvintaIbe.validateManageBooking()) {
                    UI_EvintaIbe.buildManageBookingData();
                    UI_Widget.pageSubmit({ action: UI_Widget.modeAvaition });
                }
                break;
        }
    }


    /* Drop down on Select*/
    UI_Widget.dropDownOnSelect = function (p) {
        switch (p) {
            case "spnTo":
                //alert("TODO\nUI_Widget.dropDownOnSelect\n" + p);
                break;

            case "spnFrom":
                //alert("TODO\nUI_Widget.dropDownOnSelect\n" + p);
                break;
        }
    }

    UI_Widget.dropDownOnClick = function (p) {
        switch (p) {
            case "spnTo":
                break;

            case "spnFrom":
                break;
        }
    }

    UI_Widget.calOnOfucs = function (p, objE) {
        UI_Widget.loadCalendar(p, objE);
    }

    UI_Widget.loadCalendar = function (p, objE) {
        objCal.hideCalendar();

        var intTop = 0;
        var intLeft = 0;
        var strCurrDate = "";
        var strEndDate = "";

        if (UI_Widget.strPrmEndDate == "") {
            UI_Widget.strPrmEndDate = UI_Date.getCalenderEndDate(12, UI_Widget.strPrmSysDate);
        }
        switch (p) {
            case 0:
                intLeft = 60;
                intTop = "360px";
                objCal.disableUpto = UI_Widget.strPrmSysDate;
                strCurrDate = $("#txtDDay").val();
                strEndDate = UI_Widget.strPrmEndDate;
                break;

            case 1:
                intLeft = 280;
                intTop = "360px";
                objCal.disableUpto = UI_Widget.strPrmSysDate;
                strCurrDate = $("#txtRDay").val();
                strEndDate = UI_Widget.strPrmEndDate;
                break;

            case 2:
                intLeft = 280;
                intTop = "360px";
                objCal.disableUpto = UI_Widget.strPrmSysDate;
                strCurrDate = $("#txtHtlDDay").val();
                break;

            case 3:
                intLeft = 280;
                intTop = "360px";
                objCal.disableUpto = UI_Widget.strPrmSysDate;
                strCurrDate = $("#txtHtlRDay").val();
                break;
        }
        var intPageWidth = getPageWidth();
        if (intPageWidth >= 980) {
            intPageWidth = Math.floor((intPageWidth - 980) / 2);
            intLeft = intPageWidth + intLeft;
        }

        if (strCurrDate == "") {
            strCurrDate = UI_Widget.strPrmSysDate;
        }

        objCal.ID = p
        objCal.top = intTop;
        objCal.left = intLeft + "px";
        objCal.currentDate = strCurrDate;
        objCal.disableFrom = strEndDate;
        objCal.showCalendar(objE)
    }

    UI_Widget.calendarDateOnClick = function (strDate, strID) {
        switch (strID) {
            case "0":
                $("#txtDDay").val(strDate);
				UI_EvintaIbe.dateChangeFlt1(0);
				var depDate = StringToDate(strDate);
				var newRtnDate = DateToString(addDays(depDate, 2)) 
				$("#txtRDay").val(newRtnDate);
				UI_EvintaIbe.dateChangeFlt1(1);
                break;

            case "1":
                $("#txtRDay").val(strDate);
				UI_EvintaIbe.dateChangeFlt1(1);
                break;

            case "2":
                $("#txtHtlDDay").val(strDate);
				var depDate = StringToDate(strDate);
				var newRtnDate = DateToString(addDays(depDate, 1));
				 $("#txtHtlRDay").val(newRtnDate);
				 UI_ZharaIbe.dateChaned();
                break;

            case "3":
                $("#txtHtlRDay").val(strDate);
				UI_ZharaIbe.dateChaned();
                break;
        }
        UI_Widget.dateChangeFlt(Number(strID));
    }

    UI_Widget.dateChangeFlt = function (p) {
        var arrDay = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"];
        var strValue = "";
        var strID = "";
        var strSID = "";
        switch (p) {
            case 0:
                strID = "txtDDay";
                strSID = "spnDDay";
                break;

            case 1:
                strID = "txtRDay";
                strSID = "spnRDay";
                break;

            case 2:
                strID = "txtHtlDDay";
                strSID = "spnHtlDDay";
                break;

            case 3:
                strID = "txtHtlRDay";
                strSID = "spnHtlRDay";
                break;
        }

        if (strID != "") {
            var strValue = $("#" + strID).val();
            var dtDate = new Date(strValue.substr(6, 4), Number(strValue.substr(3, 2)) - 1, strValue.substr(0, 2));
            var strDay = arrDay[dtDate.getDay()].toUpperCase();

            if (strSID != "") {
                $("#" + strSID).html(strDay);
            }
        }
    }


    /* Page Submit */
    UI_Widget.pageSubmit = function (p) {
        var strURL = "";
        switch (p.action) {
            case UI_Widget.modeAvaition:
                strURL = UI_Widget.strURLAvation;
				UI_EvintaIbe.setProgressCusMessages();
                break;

            case UI_Widget.modeHospitality:
                strURL = UI_Widget.strURLHospitality;
				data = UI_Widget.strDataHospitality;
				//making a redirect with parameters in GET (target accepts get params)
				window.location.replace( strURL + "?" +  data );
                return;
        }

        $("#frmPost").attr("action", strURL);

        /* Uncomment the bottom line */
        $("#frmPost").submit();

        //alert("TODO \n UI_Widget.pageSubmit() \n Uncomment $('#frmPost').submit() line \nData - " + $("#hdnData").val() + "\nMode - " + $("#hdnMode").val() );
    }
    
    /* Tab on Click */
    UI_Widget.tabOnClick = function (p) {
        var intTabs = 3;
        for (var i = 0; i < intTabs; i++) {
            $("#imgTab" + i).attr("src", UI_Widget.imgSrc + "W000Tab_" + i +".jpg");
            $("#divTab" + i).hide();
            if (i == p) {
                $("#divTab" + i).show();
                $("#imgTab" + i).attr("src", UI_Widget.imgSrc + "W000Tab_" + i + "_On.jpg");
            }
        }
    }

    UI_Widget.defaultValue = function () {
        var dt = addDays(new Date(), 3);
        var dd = dt.getDate();
        var mm = dt.getMonth() + 1;
        var yy = dt.getFullYear();
        dd = dd < 10 ? "0" + dd : dd;
        mm = mm < 10 ? "0" + mm : mm;
        var strTDay = dd + "/" + mm + "/" + yy;
		
        UI_Widget.strPrmSysDate = strTDay;
		var toDate = DateToString(addDays(dt, 2));
		
        $("#txtDDay").val(strTDay)
        $("#txtRDay").val(toDate)
        $("#txtHtlDDay").val(strTDay)
        $("#txtHtlRDay").val(strTDay)

        UI_Widget.dateChangeFlt(0);
        UI_Widget.dateChangeFlt(1);
        UI_Widget.dateChangeFlt(2);
        UI_Widget.dateChangeFlt(3);
    }

    UI_Widget.onDataRead = function () {
        UI_Widget.defaultValue();
		UI_EvintaIbe.ratBTripOnClick();
    }
	// Test comment
    UI_Widget.onDataRead();
</script>
</body>
</html>
